import React from 'react'
import {Card, Carousel} from 'antd'
import './ui.less'

export default class Carousels extends React.Component {

  render() {
    return (
      <div>
        <Card title="文字背景轮播" className="card-wrap">
          <Carousel autoplay effect="scrollx">
            <h3>Ant Motion Banner - React</h3>
            <h3>Ant Motion Banner - Vue</h3>
            <h3>Ant Motion Banner - Angular</h3>

          </Carousel>
        </Card>
        <Card title="图片轮播" className="slider-wrap">
          <Carousel autoplay effect="fade" dotPosition="left">
            <img src="/carousel-img/carousel-1.jpg" alt=""/>
            <img src="/carousel-img/carousel-2.jpg" alt=""/>
            <img src="/carousel-img/carousel-3.jpg" alt=""/>
          </Carousel>
        </Card>
      </div>
    );
  }
}
